<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%--<!DOCTYPE html><!--据说必须有？胡扯-->--%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>INDEX</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <link type="text/css" rel="stylesheet" href="/static/ztree/zTreeStyle/zTreeStyle.css"></link>
    <link type="text/css" rel="stylesheet" href="/static/ztree/zTreeStyle/demo.css"></link>
    <script src="/static/jquery-3.1.1.js"></script>
    <script src="/static/jquery.ztree.all.js"></script>

    <SCRIPT LANGUAGE="JavaScript">
        var zTreeObj;
        // zTree 的参数配置，深入使用请参考 API 文档（setting 配置详解）
        var setting = {};
        // zTree 的数据属性，深入使用请参考 API 文档（zTreeNode 节点数据详解）
        var zNodes = [
            {
                name: "test1",
                open: true,
                children: [
                    {name: "test1_1"}, {name: "test1_2"}]
            },
            {
                name: "test2",
                open: true,
                children: [
                    {name: "test2_1"}, {name: "test2_2"}]
            }
        ];
        $(document).ready(function () {
            zTreeObj = $.fn.zTree.init($("#treeDemo"), setting, zNodes);
        });
    </SCRIPT>
</head>
<body>
<h1>HELLO THERE!</h1>


<div>
    <ul id="treeDemo" class="ztree"></ul>
</div>
</body>
</html>